<template>
  <div>
    <el-steps :active="0" simple>
      <el-step title="インポート" icon="UploadFilled"></el-step>
      <el-step title="インポート完了" icon="Select"></el-step>
    </el-steps>
    <!--form表单-->
    <el-form ref="form" :inline="true" :model="form" label-width="150px">
      <div style="padding-top: 30px">1.在庫データをダウンロード</div>
      <el-form-item>
        <el-select v-model="stock_id" clearable filterable placeholder="選択してください">
          <el-option
            v-for="item in addressList"
            :key="item.id"
            :label="item.address"
            :value="item.id"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary">EXCELでダウンロード</el-button>
      </el-form-item>
      <div>2.実棚データをアップロード</div>
      <el-form-item>
        <el-select v-model="stock_id" clearable filterable placeholder="選択してください">
          <el-option
            v-for="item in addressList"
            :key="item.id"
            :label="item.address"
            :value="item.id"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" :icon="Upload">実棚データをアップロード</el-button>
      </el-form-item>
      <el-form-item>
        <div class="tips">*Excelファイルをアップロードしてください</div>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import stockApi from "@/api/stock.js";
export default {
  data() {
    return {
      form: {
        stock_ida: "",
        stock_idb: "",
      },
      sort: "100",
      radio: "1",
      /*左边长度*/
      formLabelWidth: "120px",
      /*是否显示*/
      dialogVisible: false,
      loading: false,
      addressList: [],
    };
  },
  created() {
    this.getAddres();
  },
  methods: {
    /*获取列表*/
    getAddres() {
      let self = this;
      let Params = {};
      stockApi
        .lists(Params, true)
        .then((data) => {
          self.loading = false;
          self.addressList = data.data.list;
        })
        .catch((error) => {
          self.loading = false;
        });
    },
  },
};
</script>

<style></style>
